<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .container{
        width: 300px;
        height: 300px;
        border: 1px solid black;
        display: grid;
        grid-template-rows: repeat(3,1fr);
        grid-template-columns: repeat(3,1fr);
    }
    .item{
        background: tomato;
        grid-row-start: 2;      /*从第几行开始*/
        grid-row-end: 3;        /*从第几行结束*/
        grid-column-start: 1;   /*从第几列开始*/
        grid-column-end: 4;     /*从第几列结束*/
    }
</style>
<body>
<div class="container">
    <div class="item">

    </div>
</div>
</body>
</html>